<template>
	<view class="uni_box home">
		<navbar title='达人商单'>
		</navbar>
		<view class="content">
			<view class="dcontent">
				<view class="jinone">
					<text class="jinname">商单进度全跟进</text>
					<view class="jitan ml">
						<view class="jileft">探店</view>
						<view class="jiright">反选中</view>
					</view>
				</view>
				<view class="youxiao">
					<text class="xiao"><text class="xiaonum">49</text>个有效号，已报名50个号，车马费：8003.00元</text>
				</view>
				<view class="jinxian"></view>
				<view class="pstatus" v-if="shenstatus<=3">
					<view class="menone">
						<text class="mentit">级别筛选</text>
						<text class="menduzhi ml">点击相应级别进行当前级别筛选</text>
					</view>
					<view class="tandian">
						
						<view class="tanview" :class="index==1?'tanactive':''" v-for="(item,index) in 5" :key="index">
							<view class="tanone">
								Lv3
							</view>
							<view class="tantwo">
								50元
							</view>
						</view>
						<view class="tanbiao">默认</view>
					</view>
					<view class="jinxian"></view>
					<view class="menone">
						<text class="mentit">已报名的达人</text>
						<text class="menduzhi ml">点击达人信息，一键复制主页链接</text>
					</view>
					<view class="mlist">
						<view class="xinitem" v-for="(item,index) in 10" :key="index">
							<image class="tou2" src="/static/tou2.png" mode="" />
							<view class="xinnav">
								<view class="xinone">
									<text class="xinname txt">昵称昵称昵十个字卡断</text>
									<text class="xinhao">douyinhao</text>
								</view>
								<view class="xinbiaoqian">
									<view class="xbiao xactive">
										<image class="yunjian" src="/static/new/shangbai.png" mode="" />
										<text class="bname">Lv4</text>
									</view>
									<view class="xbiao">
										<image class="yunjian" src="/static/new/htwo.png" mode="" />
										<text class="bname">Lv2</text>
									</view>
									<view class="xbiao">
										<image class="yunjian" src="/static/new/xin.png" mode="" />
										<text class="bname">3000</text>
									</view>
								</view>
								
							</view>
							<view class="qucha">
								<view class="junav">已拒</view>
								<view class="jucha">
									<image class="huicha" src="@/pages_subject/static/img/huicha.png" mode="" />
								</view>
							</view>
							<!-- <view class="bj daifabu">拒绝</view> -->
						</view>
						<view class="jinqian">
							已自动阻止多次被拒/爽约账号报名
						</view>
					</view>

				</view>
				

			</view>
			<!-- 底部按钮 -->
			<view class="dbtn" v-if="shenstatus<=3">
				<text class="jiname">计划探店号<text class="junum">30</text>个，目前有效<text class="junum">49</text>个号</text>
				<view class="btnone">
					<view class="btnfenfen">
						<text class="tanname">导出表格</text>
					</view>
					<view class="btnfen">
						<image class="btwo" src="@/pages_subject/static/img/wode.png" mode="" />
						<text class="tanname">有效49个号全部通过</text>
					</view>
				</view>
				<text class="baoxie">从派单到结算，清晰不忙乱</text>
			 </view>
			 <view class="dbtn" v-if="shenstatus==4">
				<text class="jiname">达人发布并回填后，请尽快审核结款哟</text>
				<view class="btntwo">
					<view class="qaun">全部过审</view>
					<view class="rquan">

					</view>
				</view>
				<text class="baoxie">从派单到结算，清晰不忙乱</text>
			 </view>
			 <!-- 底部按钮结束 -->


			 <view class="pop">
				<!-- 发布链接回填样式 -->
					<u-popup v-model="dcpopshow" mode="bottom">
						<view class="xpopview">
							<view class="xpopone">
								<text class="xuanname">导出达人反选表</text>
								<view class="daocha">
									<text class="daoname">电脑查看网址：</text>
									<text class="daoname">sd.tueai.com/fx01</text>
									<text class="fuzh ml">复制</text>
								</view>
								<view class="daocha">
									<text class="daowen">达人商单_反选表_2406012253001.xls</text>
								</view>
							</view>
							<view class="timefan">
								<text class="tanfantit">建议使用电脑查看反选表</text>
								<view class="libaotwo">
									<view class="huiquxiao" @click="dcpopshow=false">取消</view>
									<view class="huiwancheng">导出并下载</view>
								</view>
								<!-- <text class="baoxie">回填发布链接，才会进入结款环节哟</text> -->
							</view>
						</view>
					</u-popup>

					<!-- 超额警告弹窗 -->
					<u-popup v-model="chaopopshow" width="85%" mode="center">
						<view class="sbpopview">
							<view class="abpopone flex-center" v-if="baostatus == 1">
								<text class="bname">超额警告</text>
								<view class="miaoview">
									<text class="mname">计划探店号反选超额  <text style="color: rgba(119, 102, 231, 1);">49/30</text></text>
									<text class="mname">请继续<text style="color: rgba(51, 51, 51, 1);">反选掉19个号</text>以继续商单</text>
								</view>
								<view class="mbtn mactive">继续反选</view>
								<view class="mbtn" style="font-size: 14px;">决定追加预算，扩增探店号</view>
							</view>
							<view class="abpopone flex-center" v-if="baostatus == 2">
								<text class="bname">重新报名</text>
								<view class="miaoview">
									<text class="mname">本商单仅剩2个名额，报名账号超限</text>
									<text class="mname" style="color: rgba(51, 51, 51, 1);">请选择2个账号重新报名</text>
								</view>
								<view class="mbtn mactive">重新报名</view>
							</view>
							<view class="abpopone flex-center" v-if="baostatus == 3||baostatus == 4">
								<text class="bname" style="color: rgba(119, 102, 231, 1);">报名成功</text>
								<view class="miaoview">
									<text class="mname">3个账号均已报名成功，静等反选吧</text>
									<text class="mname" style="color: rgba(51, 51, 51, 1);">建议开启商单提醒，快速知道反选结果</text>
								</view>
								<view class="mbtn mactive" v-if="baostatus == 3">开启商单提醒</view>
								<view class="mbtn mactive" v-if="baostatus == 4">好的</view>
							</view>
							<image class="chabai" @click="sbpopshow=false" src="@/pages_subject/static/img/chabai.png" mode="" />

						</view>
					</u-popup>
			 </view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				jinstatus:0,
				dcpopshow:false,
				chaopopshow:false,
				baostatus:1,
				shenstatus:4,//1反选 2审片 3结款中 4审片中
			}
		},
		onLoad() {
			
		},
		onShow() {
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #f8f8fd;
	}
	.content{
		background-color: #f8f8fd;
		padding-bottom: 300rpx;
		.dcontent{
			padding:10px 20px;
			.jinone{
				display: flex;
				flex-direction: row;
				align-items: center;
				.jinname{
					font-size: 24px;
					font-weight: 500;
					color: rgba(51, 51, 51, 1);
				}
				.jitan{
					display: flex;
					flex-direction: row;
					align-items: center;
					.jileft{
						width: 48px;
						height: 35px;
						opacity: 1;
						border-radius: 6px 0px 0px 6px;
						background: rgba(255, 255, 255, 1);
						box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 14px;
						font-weight: 400;
						color: rgba(119, 102, 231, 1);
					}
					.jiright{
						width: 62px;
						height: 35px;
						opacity: 1;
						border-radius: 0px 6px 6px 0px;
						background: rgba(119, 102, 231, 1);
						box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 14px;
						font-weight: 400;
						color: rgba(255, 255, 255, 1);
					}
				}
			}
			.youxiao{
				height: 40px;
				opacity: 1;
				border-radius: 12px;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 10px;
				.xiao{
					font-size: 12px;
					font-weight: 400;
					color: rgba(102, 102, 102, 1);
				}
				.xiaonum{
					font-weight: 700;
					color: rgba(119, 102, 231, 1);
				}
			}
		}
		.jinxian{
			display: block;
			margin: 20px 0 10px;
			border: 1px dashed rgba(232, 232, 232, 1);
		}
		.menone{
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-bottom: 10px;
			.mentit{
				font-size: 14px;
				font-weight: 400;
				color: rgba(51, 51, 51, 1);
			}
			.mentime{
				display: inline-block;
				margin-left: 12px;
				font-size: 12px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
			}
			.menduzhi{
				font-size: 12px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
			}
		}
		.tandian{
			display: flex;
			flex-direction: row;
			margin-bottom: 10px;
			justify-content: space-between;
			.tanbiao{
				width: 25px;
				height: 40px;
				opacity: 1;
				border-radius: 3px;
				background: rgba(119, 102, 231, 1);
				font-size: 12px;
				font-weight: 400;
				letter-spacing: 0px;
				line-height: 12px;
				color: rgba(255, 255, 255, 1);
				text-align: left;
				vertical-align: top;
				display: flex;
				align-items: center;
				justify-content: center;
				writing-mode: vertical-rl;
			}
			.tanview{
				display: flex;
				flex-direction: column;
				.tanone{
					width: 52px;
					height: 20px;
					opacity: 1;
					border-radius: 3px 3px 0px 0px;
					background: rgba(119, 102, 231, 1);
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 12px;
					font-weight: 400;
					color: rgba(255, 255, 255, 1);
				}
				.tantwo{
					width: 52px;
					height: 20px;
					opacity: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 0px 0px, 3px, 3px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
					font-size: 12px;
					font-weight: 400;
					letter-spacing: 0px;
					line-height: 17.38px;
					color: rgba(102, 102, 102, 1);
				}
			}
			.tanactive{
				.tantwo{
					border-radius: 0px 0px 3px 3px;
					border: 1px solid rgba(119, 102, 231, 1);
					box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
				}
			}


			
		}
		.mlist{
				.mitem{
					margin-bottom: 10px;
					border-radius: 9px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
					display: flex;
					flex-direction: row;
					border-bottom: 1px dashed rgba(232, 232, 232, 1);
					align-items: center;
					padding: 2px 10px;
					min-height: 40px;

					.itemname{
						width: 70px;
						border-right: 1px solid rgba(232, 232, 252, 1);
						text-align: center;
						display: inline-block;
						font-size: 12px;
						font-weight: 400;
						color: rgba(102, 102, 102, 1);
						margin-right: 10px;
					}
					.iteminput{
						margin-right: 10px;
					}
					.itemval{
						font-size: 14px;
						font-weight: 400;
						color: rgba(51, 51, 51, 1);
						// max-width: 65%;
						flex: 1;
						display: inline-block;
					}
					.xiao{
						font-size: 11px;
					}
					.dinicon{
						width: 18px;
						height: 18px;
					}
					.zise{
						color: rgba(119, 102, 231, 1);
					}
					.hui{
						color: rgba(102, 102, 102, 1);
					}
				}
				.daihuo{
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-bottom: 10px;
					.daiitem{
						display: flex;
						flex-direction: row;
						height: 40px;
						position: relative;
						.daileft{
							padding: 0 10px;
							height: 100%;
							border-radius: 9px 0px 0px 9px;
							background: rgba(119, 102, 231, 1);
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 14px;
							font-weight: 400;
							color: rgba(255, 255, 255, 1);
						}
						.dairight{
							padding: 0 10px;
							height: 100%;
							border-radius: 0px 9px 9px 0px;
							background-color: #fff;
							font-size: 14px;
							font-weight: 400;
							display: flex;
							align-items: center;
							justify-content: center;
							color: rgba(102, 102, 102, 1);
						}
					}
					.suitem{
						height: 40px;
						opacity: 1;
						border-radius: 9px;
						background: rgba(255, 255, 255, 1);
						box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
						padding: 0 10px;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						.suname{
							font-size: 14px;
							font-weight: 400;
							color: rgba(102, 102, 102, 1);
						}
						.lianjie{
							margin-left: 10px;
							width: 21px;
							height: 21px;
						}
					}
				}
				.nei{
					margin-bottom: 10px;
					border-radius: 9px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
					padding: 10px;
					.neitit{
						font-size: 14px;
						font-weight: 400;
						letter-spacing: 0px;
						line-height: 27px;
						color: rgba(51, 51, 51, 1);
					}
				}

				.tandian{
					display: flex;
					flex-direction: row;
					margin-bottom: 10px;
					justify-content: space-between;
					.tanbiao{
						width: 25px;
						height: 40px;
						opacity: 1;
						border-radius: 12px 0px 0px 3px;
						background: rgba(119, 102, 231, 1);
						font-size: 12px;
						font-weight: 400;
						letter-spacing: 0px;
						line-height: 12px;
						color: rgba(255, 255, 255, 1);
						text-align: left;
						vertical-align: top;
						display: flex;
						align-items: center;
						justify-content: center;
						writing-mode: vertical-rl;
					}
					.tanview{
						display: flex;
						flex-direction: column;
						.tanone{
							width: 52px;
							height: 20px;
							opacity: 1;
							border-radius: 3px 3px 0px 0px;
							background: rgba(119, 102, 231, 1);
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 12px;
							font-weight: 400;
							color: rgba(255, 255, 255, 1);
						}
						.tantwo{
							width: 52px;
							height: 20px;
							opacity: 1;
							display: flex;
							align-items: center;
							justify-content: center;
							border-radius: 0px 0px, 3px, 3px;
							background: rgba(255, 255, 255, 1);
							box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
							font-size: 12px;
							font-weight: 400;
							letter-spacing: 0px;
							line-height: 17.38px;
							color: rgba(102, 102, 102, 1);
						}
					}
				}

				.jinzhan{
					border-radius: 50px;
					border: 1px solid rgba(220, 214, 255, 1);
					height: 36px;
					border-radius: 50px;
					position: relative;
					.jins{
						border-radius: 50px;
						position: absolute;
						width: 40%;
						height: 100%;
						left: 0;
						top: 0;
						background: rgba(119, 102, 231, 1);
						display: flex;
						align-items: center;
						flex-direction: row;
						padding: 0 20px;
					}
					.jinitem{
						position: absolute;
						z-index: 2;
						width: 100%;
						height: 100%;
						display: flex;
						flex-direction: row;
						align-items: center;
						padding: 0 20px;
						
					}
					.banme{
						font-size: 12px;
						font-weight: 700;
						letter-spacing: 0px;
						line-height: 17.38px;
						color: rgba(255, 255, 255, 1);
					}
					.ren{
						font-size: 12px;
						font-weight: 400;
						letter-spacing: 0px;
						line-height: 17.38px;
						color: rgba(51, 51, 51, 1);
					}
				}

				.weibao{
					width: 100%;
					height: 35px;
					opacity: 1;
					border-radius: 6px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 0px;
					line-height: 20.27px;
					color: rgba(119, 102, 231, 1);
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
				}


				.xinitem{
						padding: 10px 0;
						// margin-bottom: 10px;
						border-radius: 9px;
						border-bottom: 1px dashed rgba(232, 232, 232, 1);
						// border-bottom: 1px dashed rgba(232, 232, 232, 1);
						// background: rgba(255, 255, 255, 1);
						// box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
						display: flex;
						flex-direction: row;
						align-items: center;
						.tou2{
							width: 36px;
							height: 36px;
							border-radius: 50%;
							margin-right: 15px;
						}
						.xinnav{
							display: flex;
							flex-direction: column;
							width: 60%;
							.xinone{
								display: flex;
								flex-direction: row;
								align-items: center;
								.xinname{
									max-width: 80%;
									display: inline-block;
									font-size: 12px;
									font-weight: 400;
									color: rgba(119, 102, 231, 1);
								}
								.xinhao{
									font-size: 12px;
									font-weight: 400;
									display: inline-block;
									margin-left: 10px;
									color: rgba(102, 102, 102, 1);
								}
							}
							.xinbiaoqian{
								display: flex;
								flex-direction: row;
								margin-top: 5px;
								.xbiao{
									display: flex;
									flex-direction: row;
									align-items: center;
									padding: 3px 5px;
									border-radius: 3px;
									margin-right: 15px;
									background: rgba(255, 255, 255, 1);

									border: 1px solid rgba(220, 214, 255, 1);
									.yunjian{
										width: 12px;
										height: 12px;
										margin-right: 3px;
									}
									.bname{
										font-size: 10px;
										font-weight: 400;
										color: rgba(102, 102, 102, 1);
									}
								}
								.xactive{
									background: rgba(119, 102, 231, 1);
									border: none;
									.bname{
										color: #fff;
									}
								}
							}
							
						}
						.bj{
							margin-left: auto;
							width: 80px;
							height: 36px;
							opacity: 1;
							border-radius: 9px;
							background: rgba(255, 255, 255, 1);

							border: 1px solid rgba(238, 238, 238, 1);
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 14px;
							font-weight: 400;
							letter-spacing: 0px;
							line-height: 20.27px;
							color: rgba(102, 102, 102, 1);

						}
						.daifabu{
							border-radius: 9px;
							background: rgba(119, 102, 231, 1);
							border: none;
							color: rgba(255, 255, 255, 1);
						}
						.qucha{
							display: flex;
							flex-direction: row;
							align-items: center;
							// background: rgba(220, 214, 255, 1);
							.junav{
								width: 48px;
								height: 36px;
								opacity: 1;
								border-radius: 9px 0px 0px 9px;
								background: rgba(220, 214, 255, 1);
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 14px;
								font-weight: 400;
								color: rgba(255, 255, 255, 1);
							}
							.jucha{
								width: 32px;
								height: 36px;
								opacity: 1;
								border-radius: 0px 9px 9px 0px;
								background: rgba(255, 255, 255, 1);

								border-width: 1px 1px 1px 0px;
								border-style: solid;
								border-color: rgba(220, 214, 255, 1);
								display: flex;
								align-items: center;
								justify-content: center;
								.huicha{
									width: 18px;
									height: 18px;
								}
							}
						}

				}
				.jinqian{
					font-size: 12px;
					font-weight: 400;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-top: 20rpx;
					color: rgba(153, 153, 153, 1);

				}

				
				
			}

		
		.dbtn{
			position: fixed;
			width: 100%;
			height: 280rpx;
			opacity: 1;
			border-radius: 9px;
			background: rgba(248, 248, 253, 1);
			box-shadow: 0px -6px 10px  rgba(119, 102, 231, 0.08);
			bottom: 0;
			padding-bottom: 50rpx;
			padding: 20rpx 40rpx 50rpx;
			z-index: 100;
			.jiname{
				font-size: 12px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				display: block;
				text-align: center;
				margin-bottom: 10px;
			}
			.junum{
				color: rgba(119, 102, 231, 1);
			}
			.btnone{
				display: flex;
				flex-direction: row;
				align-items: center;
				.btnfen{
					flex: 1;
					height: 90rpx;
					opacity: 1;
					border-radius: 0px 50px 50px 0px;
					background: linear-gradient(90deg, rgba(119, 102, 231, 1) 0%, rgba(121, 72, 234, 1) 100%);
					box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;

					.btwo{
						width: 40rpx;
						margin-right: 4rpx;
						height: 40rpx;
					}
					.tanname{
						font-size: 16px;
						font-weight: 500;
						color: rgba(255, 255, 255, 1);
					}

				}
				.btnfenno{
					border-radius: 50px;
					background: rgba(255, 255, 255, 1);
					box-shadow: none;
					border: 1px solid rgba(238, 238, 238, 1);
					.tanname{
						font-size: 16px;
						font-weight: 500;
						color: rgba(153, 153, 153, 1);
					}
				}
				.btnfenfen{
					width:100px;
					height: 90rpx;
					opacity: 1;
					border-radius: 50px 0px 0px 50px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
					display: flex;
					align-items: center;
					justify-content: center;
					.btwo{
						width: 40rpx;
						margin-right: 4rpx;
						height: 40rpx;
					}
					.tanname{
						font-size: 16px;
						font-weight: 500;
						color: rgba(119, 102, 231, 1);
					}
				}
				.jieshu{
					background: rgba(255, 255, 255, 1);
					border: 1px solid rgba(238, 238, 238, 1);
					box-shadow: none;
					.tanname{
						color: rgba(153, 153, 153, 1);
					}
				}
			}
			.btntwo{
				display: flex;
				flex-direction: row;
				.qaun{
					width: 105px;
					height: 45px;
					opacity: 1;
					border-radius: 50px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 16px;
					font-weight: 500;
					color: rgba(102, 102, 102, 1);
					margin-right: 10px;
				}
				.rquan{
					display: flex;
					flex-direction: row;
				}
			}
			.baoxie{
				font-size: 12px;
				font-weight: 400;
				letter-spacing: 0px;
				line-height: 17.38px;
				color: rgba(153, 153, 153, 1);
				display: block;
				margin-top: 20rpx;
				text-align: center;
				.youname{
					color: rgba(119, 102, 231, 1);
				}
			}

		}
	}


	// 选择达人账号开始
	.pop /deep/ .u-drawer-bottom{
		background-color: transparent !important;
	}
	.pop /deep/.u-mode-center-box{
		background-color: transparent !important;
	}
	.xpopview{
		
		border-radius: 18px 18px 0px  0px;
		background: rgba(248, 248, 253, 1);
		box-shadow: 0px 0px 10px  rgba(119, 102, 231, 0.08);
		.xpopone{
			padding: 30px 40rpx 10rpx;
		}
		.xuanname{
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 20rpx;
			font-size: 48rpx;
			font-weight: 700;
			color: rgba(119, 102, 231, 1);
		}
		.daocha{
			height: 56px;
			opacity: 1;
			border-radius: 9px;
			background: rgba(255, 255, 255, 1);

			border: 1px solid rgba(238, 238, 238, 1);
			padding: 20px;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-bottom: 10px;
			.daoname{
				font-size: 14px;
				font-weight: 400;
				color: rgba(102, 102, 102, 1);
			}
			.daoval{
				font-size: 14px;
				font-weight: 400;
				color: rgba(102, 102, 102, 1);
			}
			.fuzh{
				font-size: 12px;
				font-weight: 400;
				text-decoration-line: underline;
				color: rgba(119, 102, 231, 1);
			}
			.daowen{
				display: block;
				text-align: center;
				font-size: 14px;
				font-weight: 400;
				color: rgba(119, 102, 231, 1);

			}
		}
		.popxian{
			border: 1px dashed rgba(119, 102, 231, 1);
			margin: 20rpx 0 40rpx;
		}
		.tianview{
			display: flex;
			align-items: center;
			justify-content: center;
			.tianitem{
				margin: 0 5px;
				width: 132px;
				height: 36px;
				opacity: 1;
				border-radius: 9px;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 6px 10px  rgba(119, 102, 231, 0.08);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 14px;
				font-weight: 400;
				color: rgba(119, 102, 231, 1);
				
			}
		}
		.timefan{
			// border-radius: 9px;
			// background: rgba(248, 248, 253, 1);
			// box-shadow: 0px -6px 10px  rgba(119, 102, 231, 0.08);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 10px 20px 25px;
			.tanfantit{
				font-size: 12px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
			}
			.rixuan{
				border: 1px solid rgba(220, 214, 255, 1);
				width: 100%;
				height: 80rpx;
				border-radius: 100rpx;
				margin-top: 20rpx;
				display: flex;
				flex-direction: row;
				margin-bottom: 40rpx;
				.itemxuan{
					display: flex;
					align-items: center;
					justify-content: center;
					flex: 1;
					font-size: 14px;
					font-weight: 400;
					border-right: 1px solid rgba(220, 214, 255, 1);
					color: rgba(102, 102, 102, 1);
				}
				.xuanone{
					
				}
				.xuantit{
					color: rgba(119, 102, 231, 1);
				}
				.itemxuan:last-child{
					border-right: none;
				}
			}
			.libao{
				height: 50px;
				opacity: 1;
				border-radius: 50px;
				background: rgba(119, 102, 231, 1);
				box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 32rpx;
				font-weight: 700;
				width: 100%;
				color: rgba(255, 255, 255, 1);
			}
			.libaotwo{
				margin-top: 10px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				.huiquxiao{
					width: 100px;
					height: 50px;
					opacity: 1;
					border-radius: 50px 0px 0px 50px;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 16px;
					font-weight: 700;
					color: rgba(119, 102, 231, 1);
				}
				.huiwancheng{
					width: 215px;
					height: 50px;
					opacity: 1;
					border-radius: 0px 50px 50px 0px;
					background: linear-gradient(90deg, rgba(119, 102, 231, 1) 0%, rgba(121, 72, 234, 1) 100%);
					box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 16px;
					font-weight: 700;
					color: rgba(255, 255, 255, 1);
				}
			}
			.baoxie{
				font-size: 12px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				display: block;
				text-align: center;
				margin-top: 14rpx;
			}

		}



		
	}
	//选择达人账号结束
	// 报名失败弹窗
	.sbpopview{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		.chabai{
			width: 40px;
			height: 40px;
			margin-top: 40rpx;
		}
		.abpopone{
			border-radius: 18px;
			background: rgba(248, 248, 253, 1);
			box-shadow: 0px 0px 10px  rgba(119, 102, 231, 0.08);
			padding: 40px 30px;
			width: 100%;
			.bname{
				font-size: 24px;
				font-weight: 700;
				color: rgba(51, 51, 51, 1);
			}
			.miaoview{
				display: block;
				margin-top: 20px;
				margin-bottom:20px;
				.mname{
					font-size: 14px;
					font-weight: 400;
					text-align: center;
					display: block;
					margin-bottom: 2px;
					color: rgba(102, 102, 102, 1);
				}

			}
			.mbtn{
				margin-bottom: 10px;
				width: 100%;
				height: 50px;
				opacity: 1;
				border-radius: 50px;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 16px;
				font-weight: 400;
				color: rgba(119, 102, 231, 1);
			}
			.mactive{
				background: rgba(119, 102, 231, 1);
				box-shadow: 0px 0px 3px  rgba(119, 102, 231, 0.63);
				color: #fff;
				font-weight: 700;
			}
			.mbtn:last-child{
				margin-bottom: 0;
			}

		}
		.flex-center{
			display: flex;
			flex-direction: column;
			align-items: center;

		}
	}
	// 报名失败弹窗结束
</style>
